<!-- 网页结构 HTML -->
<template>
  <div id="app">
    <!-- 3. 使用组件 -->
    <!-- 导航区 URL-->
    <!-- <div style=""> -->
      <!-- RouterLink 路由跳转 作用类似于 <a> -->
      <!-- <RouterLink to="/TestExamFenYe">分页展示</RouterLink> -->
      <!-- <span>/</span> -->
      <!-- <RouterLink to="/TestExam">不分页</RouterLink> -->
    <!-- </div> -->
    <!-- 展示区  URL摆放区-->

     <!-- 展示区 RouterView是Vue Router的组件，在main.js里配置路由时，
      RouterView会自动创建，用于渲染当前路由匹配到的组件 -->
     <RouterView></RouterView>
     <!-- <hr>
     <FatherComponent></FatherComponent> -->

     <!-- <ChildrenComponent></ChildrenComponent> -->
    
  </div>
</template>

<!-- Web 应用逻辑、交互脚本 JS -->
<script>
// 1. 导入组件 导入必须使用，否则报错
// import HelloWorld from './components/HelloWorld.vue';
// import PageDay01 from './components/PageDay01.vue';
// import PageDay0102 from './components/PageDay0102.vue'; 
// import PageDay0103 from './components/PageDay0103.vue';
// import PgaeDay0104 from './components/PgaeDay0104.vue'; 
// import LoginLog from './components/LoginLog.vue';
// import Asset from './components/Asset.vue';
// import TestExam from './components/TestExam.vue';
// import TestExamFenYe from './router/views/TestExamFenYe/index.vue';
// import FatherComponent from './components/FatherComponent.vue';
// import ChildrenComponent from './components/ChildrenComponent.vue';
export default {
  name: 'App',
  // 2. 注册组件
  components: {
    // HelloWorld,
    // PageDay01,
    // PageDay0102,
    // PageDay0103,
    // PgaeDay0104,
    // LoginLog,
    // TestExam,
    // TestExamFenYe,
    // FatherComponent,
    // ChildrenComponent,
  },
  mounted() {
    // 1、拦截请求
    this.$axios.interceptors.request.use(function (config) {
        // 请求之前可以处理一些操作
        // 1、可以在这里添加一些 loading动画
        // 2、为所有的请求添加一些共用的部分，比如接口前面的配置都是一样的，这里可以把相同的抽离出来，在这里统一添加
        console.log(" 请求马上要发送！");
        return config;
    }, function (error) {
        // 请求错误之前可以处理的操作
        return Promise.reject(error);
    }); 

    // 2、拦截响应
    this.$axios.interceptors.response.use(function (response) {
        //返回响应数据做一些操作
        //1、可以在对要返回的数据做一些处理操作
        console.log(" 将要返回我们请求的数据了！");
        return response;
        }, function (error) {
        //响应错误的时候做一些操作
        return Promise.reject(error);
        });
  },
}
</script>


<!-- CSS 样式表 -->
<style>
   /* 基础按钮样式 */
</style>